<!-- 用途管理 -->
<template>
  <el-row>
    <el-table
      :data="tableData"
      style="width: 100%"
      border
      stripe
      :highlight-current-row="true"
      :header-cell-style="{ background: '#ededed', color: '#333' }"
    >
      <el-table-column prop="number" align="center" label="ID" />
      <el-table-column prop="type" align="center" label="用途" />
      <el-table-column prop="name" align="center" label="收支类别"/>
    </el-table>
  </el-row>
</template>

<script>
    export default {
        name: "purpose",
      data() {
          return {
            tableData: [
              {
                number: 1,
                type: '日记账',
                name: '',
              },
              {
                number: 2,
                type: '发票',
                name: '',
              },
              {
                number: 3,
                type: '出入库',
                name: '',
              },
              {
                number: 4,
                type: '特殊',
                name: '',
              },
            ]
          }
      }
    }
</script>

<style scoped>

</style>
